﻿@charset "utf-8";

/*reset.css*/
* {
    box-sizing:border-box;
}
html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
li,
img,
form,
label,
input,
botton {
    padding: 0;
    margin: 0;
}

html {
    font-size: 80px;
}

html,body {
    width:100%;
    overflow-x:hidden;
}

body {
    font:400 .10rem/1.2 "microsoft yahei";
    color:#666;
    background-color:#f5f5f5;
}

ul,
ol {
    list-style: none;
}

a {
    text-decoration: none;
    color:#333;
}

a:link,
a:visited,
a:hover,
a:active {
    color: inherit;
}
i,b,strong {
    font-style:normal;
    font-size:normal;
    font-weight:normal;
}
i {
    margin:0 6px;
    text-shadow:2px 2px 2px #999;
    vertical-align:middle;
}
img,
button {
    border: none;
    outline: none;
}

.clearfix::before,
.clearfix::after {
    content:"";
    display:table;
    clear:both;
}
.clearfix {
    *zoom:1;
}

.fl {
    float:left;
}
.fr {
    float:right;
}

/*版心*/
.wrapper {
    width:95%;
    margin:0 auto;
}
@media (min-width:768px) {
    .wrapper {
        width:80%;
        margin:0 auto;
    }
}

/*header 部分*/

header {
    height:.7rem;
    border-bottom:2px solid #f56666;
    padding:.1rem 0 0 .1rem;
    display:flex;
    justify-content:space-around;
}
.header_name {
    width:1.2rem;
    height:.5rem;
    background:dodgerblue;
    box-shadow:2px 2px 2px #aaa;
    border-radius:6px;
    padding:.02rem 0 0 .2rem;
    color:white;
}
.header_name h1 {
    text-indent:.2rem;
    font:400 .13rem/1.8 "microsoft yahei";
    text-shadow:0 0 2px #aaa;
}
.header_name h3 {
    text-shadow:0 0 2px #aaa;
    font:400 .08rem/1.4 "microsoft yahei";
}
.header_name h3:last-child {
    text-indent:1em;
}
.header_info {
    height:100%;
    overflow:hidden;
    padding:.05rem 0 0 .05rem;
}
.header_info p {
    font:400 .08rem/1.4 "microsoft yahei";
    text-shadow:2px 2px 2px #999;
}
.header_info p i {
    font-size:.15rem;
}

/* header 响应式部分 */
@media (max-width:400px){
    header {
        height:.9rem;
    }
    header .header_name {
        height:.6rem;
    }
    header .header_name h3:nth-child(2) {
        text-indent:-1em;
    }
    header .header_name h3:last-child {
        text-indent:0;
    }
    header .header_info {
        margin:-.1rem 0 0 -.2rem;
    }
    header p span {
        display:block;
        text-indent:2em;
    }
}



/* contant 部分*/
.contant {
    border-bottom:2px solid #f56666;
    overflow:hidden;
}


/* aside 部分 */

aside {
    float:left;
    width:30%;
    height:150%;
    border-right:1px dashed #f56666;
    padding:.1rem .1rem .1rem 0;
}
aside ul li { 
    text-align:center;
    display:flex;
    justify-content:space-around;
    color:#f56666;
    position:relative;
    width:100%;
}
aside ul li span {
    text-shadow:1px 1px 0px #f51111;
}
aside ul li:first-child {
    margin-bottom:.23rem
}
aside ul li::before {
    position:absolute;
    width:.15rem;
    height:.25rem;
    border-radius:50%;
    background:#f1f1f1;
    right:-.15rem;
    top:-.02rem;
    font-size:.18rem;
}
aside ul li:nth-child(2) {
    margin-bottom:.2rem;
}
aside ul li:nth-child(3) {
    margin-bottom:.5rem;
}
aside ul li:nth-child(4) {
    margin-bottom:1.8rem;
}

@media (max-width:450px) {
    aside ul li:nth-child(4){
        margin-bottom:1.8rem;
    }
}
@media (max-width:400px) {
    aside ul li:nth-child(4){
        margin-bottom:1.8rem;
    }
}
@media (max-width:350px) {
    aside ul li:nth-child(3) {
        margin-bottom:0.7rem;
    }
    aside ul li:nth-child(4){
        margin-bottom:1.8rem;
    }
}
/* article 部分 */
article {
    overflow:hidden;
    height:100%;
}
section {
    padding:.09rem 0 .1rem .12rem;
}

section p {
    font:400 .08rem/1.5 'microsoft yahei';
}
/* section 响应式 */
@media (min-width:768px) {
    section {
        padding: .1rem 0 .1rem .18rem;
    }
}
@media (max-width:1000px){
    b {
        display:none;
    }
}
.base_info {
    display:flex;
    flex-wrap:wrap;
    font-size:.11rem;
}
.base_info span {
    width:50%;
    line-height:1.2;
}

.education h3{
    font:700 .11rem/1.2 'microsoft yahei';
}

.work_info {
    padding-top:.08rem;
    padding-bottom:.18rem;
}
.work_info h3 {
    font:700 .11rem/1.2 'microsoft yahei';
}
.work_info .button {
    display:inline-block;
    text-align:center;
    margin:.05rem 0.4rem;
    width:1.2rem;
    height:.2rem;
    background:dodgerblue;
    border-radius:5px;
    font:400 .11rem/.2rem 'microsoft yahei';
    color:white;
    box-shadow:2px 2px 5px #999;
}
.ability {
    padding-top: 0;
    padding-bottom: 0;
}
.ability h3 {
    margin:.1rem 0 0;
}
.ability p {
    padding:.02rem;
    display:flex;
    justify-content:space-around;
}

.hobby {
    padding-top:.1rem;
}
.hobby p {
    display:flex;
    flex-wrap:wrap;
}
.hobby p span {
    font:700 .08rem/1.2 'microsoft yahei';
}

/* footer开始 */

footer {
    height:.8rem;
    background:#f0f0f0;
    padding:.1rem 1rem;
    display:flex;
}
footer a {
    flex: 1;
    background:dodgerblue;
    border-radius:20px;
    height:80%;
    text-align:center;
    color:white !important;
    font:700 .13rem/3 'microsoft yahei';
}